import React, { useState, useEffect } from 'react';
import { FlowReportItemStyled } from './style';
import image3 from '@/assets/images/image3.png';
import { title } from 'process';

type FlowReportItemPropsType = {
  data?: string,
  title?: string
};



const FlowReportItem: React.FC<FlowReportItemPropsType> = (props) => {

  const { data, title } = props;

  useEffect(() => {

  }, [props.data]);


  return (
    <FlowReportItemStyled>
      <div className='ywyj'>
        <div className='flow-report-number-box'>
          <div className='flow-report-number'>
            <div className='number'>{data}</div>
            <div className='number-unit'>件</div>
          </div>
        </div>
        <div className='flow-report-text'>
          <div className='flow-report-title'>
            {title}
          </div>
        </div>
      </div>
    </FlowReportItemStyled >
  );
};

export default FlowReportItem;
